/* 公用样式表 */
body,ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,hr,h6,form,img,table,fieldset,legend,input,nav,menu,figure,figcaption{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";}
input,a{outline:none;}

html,body{height: 100%;}

.container{
	max-width: 7.50rem;
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	background:linear-gradient(245deg,rgba(237,237,237,1) 0%,rgba(227,227,227,1) 100%);
	box-shadow:0px -60px 100px rgba(0,0,0,0.2);
	opacity:1;
	/* background: url(../img/photo-1508083708082-9670167ddffa.png) no-repeat ; */
}

header{
	
	/* background:rgba(80,81,181,1); */
	opacity:1;
	/* background:rgba(80,81,181,1); */
	overflow: auto;
	/* background: url(../img/photo-1508083708082-9670167ddffa.png) no-repeat center/cover; */
}
 .wrap{
	 opacity: 0.7;
	background:rgba(80,81,181,1);
	flex:0 0 1.46rem;
	/* background: url(../img/photo-1508083708082-9670167ddffa.png) no-repeat center/cover; */
}

 .middle{
	display: flex;
	margin-top: 0.48rem;
	
}
 .middle a:nth-child(1){
	 display: block;
	margin-left: 0.34rem;
	margin-right: 1.82rem;
	font-size: 0.48rem;
	color:white;
}
 .middle p:nth-child(2){
	margin-right: 0.08rem;
	font-size: 0.64rem;
	color:white;
	margin-top: -0.14rem;
}
 .middle p:nth-child(3){
	font-size: 0.42rem;
	color:white;
}
hr{
	margin-top: 0.42rem;
	width: 6.77rem;
	margin-left: 0.34rem;
	border-color:white;
	opacity: 1;
}
.beijing{
	opacity: 0.7;
	overflow: hidden;
	height:5rem;
	background:rgba(80,81,181,1);
}
header .bottom{
	/* border: 0.01rem solid black; */
	margin-top: 1.5rem;
	font-size: 0.76rem;
	color:white;
	margin-left: 1.58rem;
	
}
 header .bottom p:nth-child(2){
	margin-left: 1.58rem;
	margin-bottom: 0.5rem;
}
.content{
	overflow: hidden;
	flex:1;
	/* overflow: auto; */
	background:linear-gradient(245deg,rgba(237,237,237,1) 0%,rgba(227,227,227,1) 100%);
}
.content .areas {
	
	margin-top:1.04rem ;
	/* overflow: hidden; */
	
}
.content .areas .area {
	margin-top:1.37rem ;
}
.content .areas .area .name{
	display: flex;
	margin-left: 0.4rem;
}
.content .areas .area .name a{
	display: block;
	width:1.04rem;
	height:0.69rem;
	font-size:0.52rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.62rem;
	color:rgba(62,58,166,1);
	opacity:1;
	margin-right: 4rem;
}
.content .areas .area .name button{
	width:1.6rem;
	height:0.80rem;
	background:linear-gradient(24deg,rgba(61,78,129,1) 0%,rgba(87,83,201,1) 48%,rgba(110,127,243,1) 100%);
	opacity:1;
	border-radius:0.30rem;
	
	
	font-size:0.31rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.29rem;
	color:rgba(255,255,255,1);
	margin-top: -0.05rem;
}
.content .areas .area .list{
	margin-top: 0.54rem;
	display: flex;
	margin-left: 0.4rem;
	overflow: auto;
}
.content .areas .area .list li{
	flex:1 0 auto;
	width:4.90rem;
	height:6.00rem;
	background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(118,118,118,0) 50%,rgba(46,46,46,0.7) 100%);
	opacity:1;
	/* border: 0.01rem solid black; */
	margin-right: 0.5rem;
}
.content .areas .area .list:nth-child(2) li{
	flex:1 0 4.90rem;
}
.content .areas .area:nth-child(1) .list li:nth-child(1){
	background: url(../img/photo-1504988057673-04011b0b45c3.png) no-repeat center/cover;
}
.content .areas .area:nth-child(1) .list li:nth-child(2){
	background: url(../img/photo-1508083708082-9670167ddffa.png) no-repeat center/cover;
}
.content .areas .area:nth-child(2) .list li:nth-child(1){
	background: url(../img/photo-1504988057673-04011b0b45c3.png) no-repeat center/cover;
}
/* .content .areas .area:nth-child(2) .list li:nth-child(2){
	background: url(../img/photo-1508083708082-9670167ddffa.png);
} */
.content .areas .area:nth-child(3) .list li:nth-child(1){
	background: url(../img/photo-1504988057673-04011b0b45c3.png) no-repeat center/cover;
}
.content .areas .area:nth-child(3) .list li:nth-child(2){
	background: url(../img/photo-1508083708082-9670167ddffa.png) no-repeat center/cover;
}
.content .areas .area:nth-child(4) .list li:nth-child(1){
	background: url(../img/photo-1504988057673-04011b0b45c3.png) no-repeat center/cover;
}
.content .areas .area:nth-child(4) .list li:nth-child(2){
	background: url(../img/photo-1508083708082-9670167ddffa.png) no-repeat center/cover;
}
.content .areas .area .list li{
	position: relative;
	opacity: 0.8;
}
.content .areas .area .list li p:nth-child(1){
	width:0.50rem;
	height:0.06rem;
	background:yellow;
	opacity:1;
	border-radius:0.02rem;
	color:rgba(255,255,255,1);
	position: absolute;
	top:4.42rem;
	left:0.5rem;
}
.content .areas .area .list li p:nth-child(2){
	width:2rem;
	height:0.47rem;
	font-size:0.47rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.43rem;
	color:yellow;
	opacity:1;
	position: absolute;
	top:4.82rem;
	left:0.42rem;
}
.content .areas .area .list li p:nth-child(3){
	width:2rem;
	height:0.37rem;
	font-size:0.37rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.34rem;
	color:yellow;
	opacity:1;
	position: absolute;
	top:5.5rem;
	left:0.42rem;
}